<!DOCTYPE html>
<html>
	<head>
		<title>Ameco</title>
		<link href="css/font-awesome.min.css" rel="stylesheet">
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/sigin.css" rel="stylesheet">
		<script src="js/jquery-3.6.0.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/bootstrap.bundle.min.js"></script>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		    <!--[if lt IE 9]>
		      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
		      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
		 <![endif]-->
	</head>

	<body class="bodyClassName">
		<div class="container ">
			<div class=" row align-items-center  login-center">
				<div class="col-sm-9 col-md-7 col-lg-5 mx-auto">
					<div class=" text-center   bg-transparent">
						<img src="img/ameco_logo.png" />
						<i class="logo-name">邮件系统</i>
					</div>
					<div class="row my-5">
						<div class="row iconrow">
							<div class="col-sm-12 col-md-12 col-lg-12"><img class="xtd1-style"
									src="img/xtdl.png" alt=""></div>
						</div>
						<div class="row shadow rounded-define top-define">
							<div class="row qRCodeRow">
								<div class="col-sm-12 col-md-12 col-lg-12 QRCode">
									<a href="/signIn/wechat">
										<img class="ewm-width" src="img/erweima.png" alt="">
									</a>
								</div>
							</div>
							<form action="/signIn/password" method="post" name="logonForm" class="login-form needs-validation"
								enctype="application/x-www-form-urlencoded" autocomplete="off" novalidate>
								<div class="mb-3 row">
									<div class="col-sm-1"></div>
									<label for="username" class="col-sm-3 col-form-label left-style">用户名:</label>
									<div class="col-sm-7">
										<input class="form-control" id="username" name="username"
											placeholder="name@example.com" required>
									</div>
								</div>
								<div class="mb-3 row">
									<div class="col-sm-1"></div>
									<label for="floatingPassword" class="col-sm-3 col-form-label left-style">密码:</label>
									<div class="col-sm-7">
										<input type="password" class="form-control" id="floatingPassword" name="password"
											placeholder="Password" required>
									</div>
								</div>
								<div class="mb-3 row">
									<div class="col-sm-1"></div>
									<label for="inputCaptcha" class="col-sm-3 col-form-label left-style">验证码:</label>
									<div class="col-sm-4 ">
										<input class="form-control" id="inputCaptcha" name="authCode"
											placeholder="authCode" required>
									</div>
									<div id="captch" class="col-sm-3">
										<img id="reCaptch" src="img/ck.png" />
									</div>
								</div>
								<div class="mb-3 row">
									<div class="col-sm-2"></div>
									<div class="col-sm-8 alert alert-danger alert-dismissible fade show" role="alert">
										<strong>用户名输入错误!</strong>
										<button type="button" class="close" data-dismiss="alert" aria-label="Close">
										  <span aria-hidden="true">&times;</span>
										</button>
									</div>
								</div>
								<hr class="d-grid" />
								<div class="row mb-3" style="vertical-align: baseline;">
									<div class="col-sm-6 foot-style">
										<button id="login-button"
											class="btn btn-primary btn-sm text-uppercase fw-bold foot-define"
											style="background-color: #539fe3;"
											disabled="true">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;登录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button>
									</div>
									<div class="col-sm-6 foot-style reset-style">
										<a class="btn  btn-login text-uppercase fw-bold foot-define"
											href="https://pekadfs.ameco.com.cn/adfs/portal/updatepassword" target="_blank">
											<img src="img/password.png" width="25px" height="25px"> 重置密码
										</a>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
			<script type="application/javascript">
				$(function() {
					var forms = document.querySelectorAll('.needs-validation')

					// Loop over them and prevent submission
					Array.prototype.slice.call(forms)
						.forEach(function(form) {
							form.addEventListener('submit', function(event) {
								if (!form.checkValidity()) {
									event.preventDefault()
									event.stopPropagation()
								}

								form.classList.add('was-validated')
							}, false)
						})
					$("#reCaptch").bind("click", function() {
						$(this).attr("src", "/reCaptch?random=" + Math.random());
					})
				})
			</script>
		</div>
	</body>
</html>
